<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../font_cqbiizu5og9/iconfont.css">
    <title>学生管理系统主页面</title>
   
    <link rel="stylesheet" type="text/css" href="../CSS/css.css">
</head>

<body>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
            //jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型，替换时后面名字也要替换掉
            jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
            "scale": 1
        },
        "display": {
            "position": "right", //看板娘的表现位置
            "width": 100,  //小萝莉的宽度
            "height": 200, //小萝莉的高度
            "hOffset": 400,
            "vOffset": -40
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>
    <!--<div class="shell">
        <a href="#" class="box"><i class="iconfont icon-liebiao"></i><span>list</span></a>
        <a href="#" class="box"><i class="iconfont icon-cangku"></i><span> Warehouse</span></a>
        <a href="#" class="box"><i class="iconfont icon-zhuti_tiaosepan"></i><span>theme</span></a>
        <a href="#" class="box"><i class="iconfont icon-qianbao"></i><span>wallet</span></a>
        <a href="#" class="box"><i class="iconfont icon-tupian"></i><span>picture</span></a>
        <a href="#" class="box"><i class="iconfont icon-erweima"></i><span>QR code</span></a>
        <a href="#" class="box"><i class="iconfont icon-dunpaibaoxianrenzheng"></i><span>authentication</span></a>
        <a href="#" class="box"><i class="iconfont icon-dengchu"></i><span>cancellation</span></a>
    </div>-->

    <ul>
        <li><a href="#">
            <div class="tu">
                <img src="./images/01.jpg" alt="">
            </div>
            <h4>小米10</h4>
            <p>骁龙855/1亿像素相机</p>
            <span>3999元起</span>
        </a></li>

    </ul>
    <ul>
        <li><a href="#">
            <div class="tu">
                <img src="./images/01.jpg" alt="">
            </div>
            <h4>小米10</h4>
            <p>骁龙855/1亿像素相机</p>
            <span>3999元起</span>
        </a></li>

    </ul>
    <ul>
        <li><a href="#">
            <div class="tu">
                <img src="./images/01.jpg" alt="">
            </div>
            <h4>小米10</h4>
            <p>骁龙855/1亿像素相机</p>
            <span>3999元起</span>
        </a></li>

    </ul>
    <ul>
        <li><a href="#">
            <div class="tu">
                <img src="./images/01.jpg" alt="">
            </div>
            <h4>小米10</h4>
            <p>骁龙855/1亿像素相机</p>
            <span>3999元起</span>
        </a></li>

    </ul>
    <ul>
        <li><a href="#">
            <div class="tu">
                <img src="./images/01.jpg" alt="">
            </div>
            <h4>小米10</h4>
            <p>骁龙855/1亿像素相机</p>
            <span>3999元起</span>
        </a></li>

    </ul>

    <ul>
        <li><a href="#">
            <div class="tu">
                <img src="./images/01.jpg" alt="">
            </div>
            <h4>小米10</h4>
            <p>骁龙855/1亿像素相机</p>
            <span>3999元起</span>
        </a></li>

    </ul>



</body>

</html>